import React from 'react'
import './index.less'
import Breadcrumb from '@components/Breadcrumb/index'
export default class Home extends React.Component{
    constructor(props) {
        super(props)
    }

    render() {
        document.title = '关于我们-实验室简介'
        return (
            <div className="overview">
                <Breadcrumb arr={['关于我们', '实验室简介']}/>
                <div className="title">
                    <h1>上海实验室简介</h1>
                    <p>上海实验室是重大新型科研事业单位，是国家战略科技力量的重要组成部分。实验室围绕微生物与感染领域的重大科学问题，开展科学研究和技术攻关，推进科研成果的应用和转化，为感染性疾病防控提供科技支撑。</p>
                </div>
                <ul className="main">
                    <li>
                        <h1 style={{"marginTop": '50px'}}>实验室定位</h1>
                        <p>满足国家重大需求，作为生命科学创新的上游源泉<br/>提供关键科技支撑，成为重大应急攻关的国家队</p>
                    </li>
                    <li>
                        <h1 className="target">目标</h1>
                        <p>打造世界一流生命科学创新高地</p>
                    </li>
                    <li>
                        <h1 className="mission">使命</h1>
                        <p>产出原创引领成果  聚集培养尖端人才<br/>探索新型举国体制  加速科技成果转化</p>
                    </li>
                </ul>
            </div>
        )
    }
}